草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常,block哈希是正确的,但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*,而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如

javascript - 更改事件不适用于动态生成的元素 - Jquery

我用jqueryAjax动态生成一个下拉列表,生成下拉列表的id是specificationAttribute。我想为生成的新标签创建添加事件(specificationAttribute),为此我在window.load中创建了Belowescript:$(document).on('change','#specificationattribute',function(){alert("ClickedMe!");});但它不起作用。我尝试了更多方式,例如click、live但我无法得到任何结果。jsfiddle来自fiddle的代码:$(window).load(function()

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - 仅当 Angular 中存在图像时才显示图像元素

我有两个兄弟元素。一个是图像,另一个是div。如果图像存在,我想显示图像元素;如果图像不存在,我想显示div元素。我的元素看起来像{{product.img}}product.img的结果类似于/assets/images/prod.jpg。因为这是一个字符串,所以ng-show将始终为真,并且将显示图像标签。因此,如果图像不存在,它将显示为损坏的图像。所以基本上我想要的是,如果图像不存在,则隐藏图像标签并显示div,反之亦然。我试过像这样的javascript函数$scope.imageExists=function(src){varimage=newImage();image.sr

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - ReactJS onClick setState 到不同的元素

我是新手,遇到了一些小问题。也许有人可以帮助我。所以问题是我无法使用onCLick函数触发我想要的元素。现在我试图在时删除导航importReactfrom"react";importReactDOMfrom"react-dom";exportdefaultclassNavextendsReact.Component{constructor(){super();this.state={navStatus:"navHide"};}navClose(){varnavOpened=document.getElementById("myNav");navOpened.setState({nav

javascript - Angular 评估表达式就像它在 HTML 中一样

我正在寻找一个可以在Angular中执行类似操作的函数:vartestValues={name:'JohnDoe',number:15}somefunction('Hello,{{name}},youare{{number}}yearsold',testValues)//returns'Hello,JohnDoe,youare15yearsold'我知道$eval做类似的事情,但它里面不能有双括号。 最佳答案 您可能正在寻找$interpolate服务。文档中的示例:var$interpolate=...;//injectedvar

javascript - 如何在 base64 中编码用 jspdf 和 html2canvas 生成的文件?

我正在尝试对附加代码中生成的文档进行编码,但没有任何反应,没有生成错误但也不对文件进行编码,并且永远不会执行ajaxrequest什么是正确的方法?html2canvas(document.getElementById("workAreaModel"),{onrendered:function(canvas){varimg=canvas.toDataURL("image/png");vardoc=newjsPDF("l","pt","letter");doc.addImage(img,'JPEG',20,20);varfileEncode=btoa(doc.output());$.aj

javascript - 输入和输出,如何使用它们来遵循 Angular 2 风格指南的命名约定?

在我了解之前,我曾经像这样定义我的指令:...inputs:['onOutside']...exportclassClickOutsideDirective{@Output()onOutside:EventEmitter=newEventEmitter();}但后来我阅读了风格指南,它说你不应该在输出前加上on前缀因为Angular2支持on-模板中的语法。所以我想把它改成这样:@Input()outsideClick:any;@Output()outsideClick:EventEmitter=newEventEmitter();但是,我发现很难将@Input分开名称来自Output

javascript - 使用javascript从另一个数组中删除一个数组的元素

我有两个数组a[]=[1,2,3,4]b[]=[1,4]需要从数组a中移除数组b的元素。预期输出:a[]=[1,4] 最佳答案 我会使用过滤方法:a=a.filter(function(item){returnb.indexOf(item)===-1;}); 关于javascript-使用javascript从另一个数组中删除一个数组的元素,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questi